@charset "utf-8";

/* css reset */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;;
}
html{
  /*overflow-x:hidden;*/
  overflow-y:auto;
  font-size:62.5%;
}

body {
  color:#333;
  font-size:14px;
  font-family: "arial","Open Sans","PingHei","Hiragino Sans GB","Microsoft YaHei","黑体","宋体",sans-serif;
  background-color:#fff;
}
a {
  text-decoration:none;
  color:#4e4e4e;
  font-size:14px;
  font-family: "arial","Open Sans","PingHei","Hiragino Sans GB","Microsoft YaHei","黑体","宋体",sans-serif;
  -webkit-font-smoothing: antialiased;
}
textarea,input,select{font-family: "arial","Open Sans","PingHei","Hiragino Sans GB","Microsoft YaHei","黑体","宋体",sans-serif;}
img {
  border:0;
  vertical-align:top;
}
ol, ul, li {
  list-style:none;
}
dl, dt, dd, ul, li {
  margin:0;
  padding:0;
}
input,textarea{outline: none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
.pull-left{ float:left !important; float:left;  }
.pull-right{ float:right !important; float:right;  }
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after{
  clear: both;
}
body,html{ width: 100%; height: 100%;}

/*进场动画*/
.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
}
.slide-fade-enter, .slide-fade-leave-active {
  transform: translateX(-20%);
  opacity: 0;
}
.fade-in-enter-active {
  transition: all .3s ease;
}
.fade-in-enter, .fade-in-leave-active {
  opacity: 0;
}
